import { useState } from 'react'
import './App.css'
import Page from "./components/Page"
import { ThemeContext } from './ThemeContext'

function App() {
  const [theme,setTheme] = useState("light")
  return (
    <ThemeContext.Provider value={theme}>
      {/* <Parent>
        <Child>
          <GrandChild>
            <GreatGrandChild>

            </GreatGrandChild>
          </GrandChild>
        </Child>
      </Parent> */}
      <Page/>
      <button onClick={()=>setTheme("dark")}>切换状态</button>
      {/* <Uncle></Uncle> */}
    </ThemeContext.Provider>
  )
}

export default App
